[page-view="scss"] {
    &>div {
        display: inline-block;
        font-size: 16px;
        white-space: normal;
        vertical-align: top;
        outline: 1px solid #8c9da5;
        margin: 20px 0 0 20px;

        &>h2 {
            border-bottom: 1px solid #8c9da5;
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
            position: relative;
            font-family: cursive;
            font-weight: 200;
            font-size: 16px;

            &>button {
                position: absolute;
                right: 10px;
                top: 10px;
                height: 30px;
                line-height: 30px;
                padding: 0 20px;
                border: none;
                outline: none;
                color: white;
                cursor: pointer;

                &.run {
                    background-color: #d05a90;
                }
            }
        }

        &>textarea {
            outline: none;
            border: none;
            resize: none;
            background: whitesmoke;
        }

        &>div,
        &>textarea {
            width: calc(100vw - 40px);
            height: calc(var(--height) * 0.5 - 100px);
        }
    }
}